<template>
	<view>
		<view class="example">
			<uni-forms ref="valiForm" :modelValue="valiFormData">
				<uni-forms-item label="用车部门" name="department">
					<uni-easyinput v-model="valiFormData.department" placeholder="请输入用车部门" disabled=""></uni-easyinput>
				</uni-forms-item>
				<uni-forms-item label="姓名" name="userName">
					<uni-easyinput v-model="valiFormData.userName" placeholder="请输入姓名" disabled />
				</uni-forms-item>
				<uni-forms-item label="工号" name="userID">
					<uni-easyinput v-model="valiFormData.userID" placeholder="请输入工号" disabled />
				</uni-forms-item>
				<uni-forms-item label="申请人电话" name="userPhoneNum">
					<uni-easyinput v-model="valiFormData.userPhoneNum" placeholder="请输入电话" disabled />
				</uni-forms-item>
				<uni-forms-item label="车型" name="autoType">
					<uni-easyinput v-model="valiFormData.autoType" placeholder="请输入车型" disabled=""></uni-easyinput>
				</uni-forms-item>
				<uni-forms-item label="成员数" name="passengerNum">
					<uni-easyinput v-model="valiFormData.passengerNum" placeholder="请输入成员数" disabled />
				</uni-forms-item>
				<uni-forms-item label="取车时间" name="useTime">
					<uni-datetime-picker type="datetime" return-type="string" v-model="valiFormData.useTime" disabled />
				</uni-forms-item>
				<uni-forms-item label="截止时间" name="endTime">
					<uni-datetime-picker type="datetime" return-type="string" v-model="valiFormData.endTime" disabled />
				</uni-forms-item>
				<uni-forms-item label="用车事宜" name="introduction">
					<uni-easyinput type="textarea" v-model="valiFormData.introduction" placeholder="请输入用车事宜" disabled />
				</uni-forms-item>
			</uni-forms>
		</view>
	</view>
	
</template>

<script>
	export default {
		name: "autoApplyInfo",
		data() {
			return {
				valiFormData: {
					department: "",
					userName: "",
					userID: "",
					userPhoneNum: "",
					autoType: "",
					passengerNum: "",
					useTime: "",
					endTime: "",
					introduction: "",
				},
			};
		},
		methods: {},
	};
</script>

<style lang="scss">
	.example {
		padding: 15px;
		background-color: #fff;
	}

	.segmented-control {
		margin-bottom: 15px;
	}

	.button-group {
		margin-top: 15px;
		display: flex;
		justify-content: space-around;
	}

	.form-item {
		display: flex;
		align-items: center;
	}

	.button {
		display: flex;
		align-items: center;
		height: 35px;
		margin-left: 10px;
	}
</style>